<!--
   改派详情
-->
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>改派详情</title>
    <th:block th:replace="common/common :: jscss"/>
    <style>
        .layui-form-label {
            width: 85px;
            padding: 7px 5px;
        }

        .layui-required:before {
            content: "*\00A0\00A0";
            display: inline-flex;
            color: #ff0000;
        }

        .layui-form-label {
            width: 126px !important;
        }

        .table-log {
            table-layout: fixed;
        }

        .table-log td {
            padding: 5px 10px;
            word-wrap: break-word;
            text-align: center;
        }

        #redistribute-info .layui-form-item .layui-input-inline {
            float: left;
            width: 320px;
            margin-right: 10px;
        }

        #redistribute-info .layui-form-item .layui-inline {
            width: 100%;
        }

        .select2-selection{
            height: 36px !important;
            line-height: 36px !important;
        }

        #select2-select-master-container{
            height: 36px !important;
            line-height: 36px !important;
        }


        /* 操作-列表*/
        .operator-panel {
            margin: 0 -5px;
        }
        .operator-panel {
            overflow: hidden;
        }
        .operator-panel .layui-btn {
            float: left;
            margin: 5px;
            width: 70px;
        }
        .operator-panel .layui-btn.active {
            border-color: #009688;
            color: #009688;
        }

        #redistribute-info .video-player {
            position: relative;
            /*float: left;*/
            margin: 0 10px 0 0;
        }

        #redistribute-info .video-player .vtitle {
            text-align: center;
        }

        #redistribute-info .video-player:hover {
            cursor: pointer;
        }
        #redistribute-info .video-player img{
            width: 80px;
            height: 80px;
            border-radius: 4px;
        }
        #redistribute-info .video-player .videoed {
            width: 25px;
            height: 25px;
            position: absolute;
            left: 30%;
            top: 30%;
            z-index: 99;
            border-radius: 100%;
            font-size: 30px;
            color: #FFFFFF;
        }

        .videos {
            display: none;
            border: 1px solid #080808;
            position: fixed;
            left: 0;
            right: 0;
            top: 0;
            margin: 0 auto;
            z-index: 100;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
        }
        .videos video{
            position: fixed;
            left: 0;
            right: 0;
            top: 0;
            margin: 20px auto;
            max-width: 100%;
            max-height: 95%;
        }

        .vclose {
            position: absolute;
            right: 1%;
            top: 2%;
            border-radius: 100%;
            cursor: pointer;
            font-size: 40px;
            color: #fff;
        }

        .text-centered{
            display: flex;
            align-items: center;
        }
    </style>
    <script type="text/javascript" th:src="|//api.map.baidu.com/api?v=2.0&ak=${#baiduAkUtil.getWebAk()}|"></script>
    <script type="text/javascript" src="//api.map.baidu.com/library/GeoUtils/1.2/src/GeoUtils_min.js"></script>
    <link rel="stylesheet" href="/static/style/work/modify/distribute.css">
</head>
<body>

<style>
    /*  .layui-card .layui-form .layui-form-label {
          width: 120px;
      }*/
</style>
<div class="layui-fluid">
    <div class="layui-card">
        <div class="layui-card-body">
            <div th:replace="redistribute/_detail :: header"></div>
            <div th:replace="redistribute/_detail :: redistribute-audit"></div>
            <div th:replace="redistribute/_detail :: add-remark"></div>
            <div th:replace="redistribute/_detail :: redistribute-info"></div>
        </div>
    </div>
</div>

<script th:inline="javascript">
    let infoDataVO = [[${infoVo}]];
    // 品类错误
    let categoryWrongReasonType = [[${T(com.zmn.oms.common.constant.ConfDistributeReasonConsts).REASON_TYPE_CATEGORY_WRONG}]];

    // 地址错误
    let addressWrongReasonType = [[${T(com.zmn.oms.common.constant.ConfDistributeReasonConsts).REASON_TYPE_ADDRESS_WRONG}]];

    // 百度AK
    var addOrderWebAk = [[${#baiduAkUtil.getAddOrderWebAk()}]];

    var canNetCall = [[${#authPermit.checkPermit('/oms/netcall/im/connect.action')}]];

    // 页面类型 1.详情 2.审核
    var type =  [[${type}]];
    layui.config({
        base: "/static/js/module/",
        version: 20221013001
    }).extend({
        oms_redistribute_detail: 'redistribute/zmn.oms.redistribute.detail'
    }).use(['oms_redistribute_detail']);
</script>

</body>
</html>